<template>
  <div>
    <h3>打开F12，看控制台的输出</h3>
    <p>这个方法可以监听到以下情况：（适用于谷歌浏览器、edge浏览器）</p>
    <p>1、浏览器页签切换时候；</p>
    <p>2、浏览器被缩小到任务栏的时候；</p>
  </div>
</template>

<script>
export default {
  mounted() {
    // 监听是否在当前页
    document.addEventListener('visibilitychange', function () {
      if (!document.hidden) {
        // 处于当前页面
        console.log('页面切入,浏览器处于当前页面')
      } else {
        // 页面切出,不处于当前页面
        console.log('页面切出,浏览器不处于当前页面')
      }
    })
  }
}
</script>

<style></style>
